{extend name="mainadmin@layouts/base" /}
{block name="main" }
<script type="text/javascript" src="__STATIC__/js/highcharts/highcharts.js"></script>
<script type="text/javascript" src="__STATIC__/js/highcharts/highcharts_more.js"></script>
<style>
  .h3 {
    font-size: 18px;
  }
</style>
<section class="scrollable wrapper  ">
    <section class="panel panel-default ">
        <div class="row m-l-none m-r-none bg-light lter">
            <div class="col-sm-6 padder-v b-r b-light " style="text-align: center;height: 120px;">
                <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>{$all_data['all_live_num']|intval}</strong></div>
                    <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>直播总次数</strong></div>
                <div class="clearfix"></div>
            </div>
            <div class="col-sm-6 padder-v b-r b-light lt" style="text-align: center;height: 120px;">
                <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>{$all_data['all_live_money']|floatval}</strong></div>
                <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>总成交金额</strong></div>
                <div class="clearfix"></div>
            </div>

        </div>
    </section>
  <section class="panel panel-default ">
    <div class="row m-l-none m-r-none bg-light lter">

        <div class="col-sm-6 col-md-3 padder-v b-r b-light lt" style="text-align: center;height: 120px;">
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>{$all_data['today_user_nums']|intval}</strong></div>
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>今日直播观众数</strong></div>
            <div class="clearfix"></div>
        </div>
        <div class="col-sm-6 col-md-3 padder-v b-r b-light lt" style="text-align: center;height: 120px;">
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>{$all_data['today_order_nums']|intval}</strong></div>
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>今日直播下单数</strong></div>
            <div class="clearfix"></div>
        </div>
        <div class="col-sm-6 col-md-3 padder-v b-r b-light lt" style="text-align: center;height: 120px;">
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>{$all_data['today_pay_money']|floatval}</strong></div>
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>今日成交金额</strong></div>
            <div class="clearfix"></div>
        </div>
        <div class="col-sm-6 col-md-3 padder-v b-r b-light lt" style="text-align: center;height: 120px;">
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>{$all_data['today_user_pay_nums']|intval}</strong></div>
            <div class="h3 block m-t-xs" style="line-height: 40px;"><strong>今日付费人数</strong></div>
            <div class="clearfix"></div>
        </div>
    </div>
  </section>

  <div class="col-md-12">
    <section class="panel panel-default ">
      <header class="panel-heading font-bold">
        7日成交数据
        <small>（{$start_day}至{$end_day}）</small>

      </header>
      <div class="panel-body">
        <div id="container"></div>
      </div>

    </section>
  </div>

</section>
<script type="text/javascript">
    $(function () {
        $('#container').highcharts({
            chart: {type: 'spline'},
            title: {text: ''},
            subtitle: {text: ''},
            xAxis: {categories: <?php echo $seven_days?>},
            yAxis:{
                title: {
                    text: ''
                },
                min: 0
            },
            tooltip: {
                formatter: function () {
                    return '<b>时间:' + this.x + '</b><br>' + this.series.name + this.y + '';
                }
            },
            series: [{
                name: '成交数据 <span style="color:gray" >￥</span>',
                data: <?php echo $seven_days_data?>
            }]
        });
    });
</script>
</section>

{/block}
